<template>
  <el-row>
    <el-col :span="24" class="">
      <el-menu
        router
        class="admin-menu"
        text-color="#fff"
        :default-active="navgateList[0].path"
        active-text-color="#196DB9">
        <el-menu-item v-for="item in navgateList" :key="item.path" :index="item.path">
          <i :class="item.icon"></i>
          <span>{{ item.meta.name }}</span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "AdminAsideNav",
  created() {
    console.log(this.navgateList)
  },
  computed: {
    navgateList() {
      console.log(this.$store.state.adminModules.adminRouter)
      return this.$store.state.adminModules.adminRouter
    }
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }
}
</script>
